@charset "utf-8";
/* CSS Document */
.sidebarmenu a{background: url(../images/symbol_dot1.gif) no-repeat left; background-position: 1px 11px; display: block; line-height: 16px; margin: 0px 10px; padding: 6px 0px; color: #666666; padding-left: 18px; border-bottom: #e5e5e5 solid 1px;}
.sidebarmenu a:link {text-decoration: none;}
.sidebarmenu a:visited {text-decoration: none;}
.sidebarmenu a:hover {background: url(../images/symbol_dot2.gif) no-repeat left; background-position: 1px 11px; color: #000000; text-decoration: none;}
.sidebarmenu a:active {text-decoration: none;}
.sidebarmenu a b{color: #ed1c24;}


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 6px;
padding-left:20px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
 /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{

}

.sidebarmenu ul li a:hover{

}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:1000;
background-color:#FFF;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;

}

.sidebarmenu a.subfolderstyle{

}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */




ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
}


ul#nav li a.home {
	display: block;
	width:86px;
	height:40px;
	background:url(../images/menua_01.gif) no-repeat;
}
ul#nav li a.home:hover {
	display: block;
	width:86px;
	height:40px;
	background:url(../images/menub_01.gif) no-repeat;
}

ul#nav li a.product {
	display: block;
	width:95px;
	height:40px;
	background:url(../images/menua_02.gif) no-repeat;
}
ul#nav li a.product:hover {
	display: block;
	width:95px;
	height:40px;
	background:url(../images/menub_02.gif) no-repeat;
}

ul#nav li a.promotion {
	display: block;
	width:111px;
	height:40px;
	background:url(../images/menua_03.gif) no-repeat;
}
ul#nav li a.promotion:hover {
	display: block;
	width:111px;
	height:40px;
	background:url(../images/menub_03.gif) no-repeat;
}

ul#nav li a.news {
	display: block;
	width:77px;
	height:40px;
	background:url(../images/menua_04.gif) no-repeat;
}
ul#nav li a.news:hover {
	display: block;
	width:77px;
	height:40px;
	background:url(../images/menub_04.gif) no-repeat;
}

ul#nav li a.payment {
	display: block;
	width:131px;
	height:40px;
	background:url(../images/menua_05.gif) no-repeat;
}
ul#nav li a.payment:hover {
	display: block;
	width:131px;
	height:40px;
	background:url(../images/menub_05.gif) no-repeat;
}

ul#nav li a.shipping {
	display: block;
	width:95px;
	height:40px;
	background:url(../images/menua_06.gif) no-repeat;
}
ul#nav li a.shipping:hover {
	display: block;
	width:95px;
	height:40px;
	background:url(../images/menub_06.gif) no-repeat;
}

ul#nav li a.contact {
	display: block;
	width:112px;
	height:40px;
	background:url(../images/menua_07.gif) no-repeat;
}
ul#nav li a.contact:hover {
	display: block;
	width:112px;
	height:40px;
	background:url(../images/menub_07.gif) no-repeat;
}

ul#nav li a:hover{
	background:#888;
	color:#fff;
	}
	
ul#nav li {
	float: left;
	position: relative;
	

}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li ul {
	display: none;
	position: absolute;
	width:100px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 10px;
	margin-left:20px;
	background-color:#FFF;
	border:1px #ccc solid;
}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px!important;
	list-style:none;
	border-bottom:1px dashed #CCC;
	padding:5px 0;
	width:100%;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;
	padding:4px;
	text-decoration:none;
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
	
}